﻿<!doctype html>
<html>
<head>
<title>Handmemo</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link href="static/style/welcome.css" rel="stylesheet">
<link href="http://www.google.com/css/gcs-v2.css" rel="stylesheet">
<link href="http://www.google.com/css/modules/buttons/g-button.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
	<div id="header">
		<div id="logo"><h1><a href="/"><img src="static/img/logo.png"></a>Handmemo</h1></div>
	</div>
	<div id="main">
		<div id="content">
			<p>Hand your memo in cloud.</p>
			<img id="handmemodemo" src="static/img/desktop.png">
			<div id="mobile">
			<div id="android"><a title="Handmemo for android is coming soon..."><img src="static/img/android.jpg"></a>
				Handmemo
				<br />
				<span>for Android</span>
			</div>
			</div>
			<p id="extension">There is Chrome extension to use Handmemo more easier: <a href="static/file/handmemo.crx">Chrome to Handmemo</a>.</p>
		</div>
		<div id="action">
{% if loginurl %}
<div class="g-button" id="login-button">
	<h1>Welcome to Handmemo</h1>
	<p></p>
	<div><span><span><a href="{{ loginurl|escape }}">Sign in to Handmemo</a></span></span></div>
	<p>Sign in with Google Account</p>
	<p>Handmemo is also supports mobile devices</p>
</div>
{% endif %}
			<div id="des">
			<p><h1>Simple</h1>Easy to use, and the UI is clean.</p>
			<p><h1>Easy</h1>Take a memo whenever and anywhere.</p>
			<p><h1>Safe</h1>Save the data into the cloud by Goolge.</p>
			</div>
		</div>
	</div>
	<div id="footer"><p>© 2011 Handmemo <img src="http://code.google.com/appengine/images/appengine-noborder-120x30.gif" 
alt="Powerd by Google App Engine" /></p></div>
</div>
</body>
</html>